//字数超过隐藏函数
		 	function ellipsis (classname,len){//className还可以继续优化 进行传值判定并抛出错误
		 		//如果传进来的不是字符串而是其他数据类型我该怎么做？
		 		//var len = 100;
				var info = document.getElementsByClassName(classname)//数组 那么就要对数组进行操作 那我封装一个函数？
				var length = info.length;
				var content = [];

				for(var i=0;i<length;i++ ){
					content.push(info[i].innerHTML);//存起来便于后面如果要添加点击事件控制打开和关闭
					if(content[i].length>len){
						info[i].innerHTML = info[i].innerHTML.substring(0,len) + '...';//这里是把innerHtml永久的消除了 如果我想要点击再展开呢 那我是不是要一个数组来存储
					}
					
				};
				console.log(content);
		 	}
			
			//字数超出后添加点击文字展开更多和收起函数  还是要用一个函数代替 因为重新赋值的时候会带着新生成的标签一起消去
			//没有做hover属性
			function ellipsisPlus (classname,len){
				//className还可以继续优化 进行传值判定并抛出错误
		 		//如果传进来的不是字符串而是其他数据类型我该怎么做？
		 		//var len = 100;
				var info = document.getElementsByClassName(classname);//数组 那么就要对数组进行操作 那我封装一个函数？
				var length = info.length;
				var content = [];
				//这是控制开关的元素

				for(var i=0;i<length;i++ ){
					content.push(info[i].innerHTML);//存起来便于后面如果要添加点击事件控制打开和关闭
					if(content[i].length>len){
						//创建a标签 是否可以封为一个函数
						var a = document.createElement("a");
						a.innerHTML = "...点击展开更多";
						a.index = i;
						a.href = "javascript:void(0)";
						console.log(a.index);
						//创建内容承载体 其实可以自己创建 这里是动态创建
						p = document.createElement("p");
						p.innerHTML = info[i].innerHTML.substring(0,len);
						info[i].innerHTML = " ";//清空 用承载体来承载
						a.onclick = function () {
								that = this;//事件冒泡和捕获考虑一下 以及默认事件
								index = that.index;
							if(that.innerHTML.indexOf("展开")>0){
								
								that.innerHTML = "<<&nbsp;收起";
								//应该是节点没找到
							info[index].getElementsByTagName('p')[0].innerHTML = content[index];
								
								console.log(info[that.index].getElementsByTagName('p')[0].innerHTML);
							}else{
								that.innerHTML="...点击展开更多";
								info[index].getElementsByTagName('p')[0].innerHTML = content[index].substring(0,len);
								
							}
						}
						info[i].appendChild(p);
						info[i].appendChild(a);
					}
					
				};
				
		 	}
			
			//判定高度的
		 	function ellipsisHeight (classname,len,highlen){
				var info = document.getElementsByClassName(classname);
				var length = info.length;
				var content = [];
				for(var i=0;i<length;i++ ){
					content.push(info[i].style.height);//保存数据 还是获取的高度出了问题 Jquery到底是怎么做的？
					if(info[i].offsetHeight>len){
						info[i].style.height = len + 'px';
						console.log(info[i].style.height);
						//新创建一个兄弟节点 然后插入到他背后 控制高度的增加和关闭 
						//依旧是创建节点
						var a = document.createElement("a");
						a.innerHTML = "...点击展开更多";
						a.index = i;
						a.href = "javascript:void(0)";
						//插入的节点是可以控制内容的增加和减少
						a.onclick = function () {
							that = this;
							index = that.index;
							var defHeight = info[index].style.height;
							console.log(defHeight);
							
							if (info[index].style.height == (len+'px')){//就是这里判断条件不对 还有就是设定高度和其他高度的差距
								that.innerHTML = "收起";
								info[index].style.height = highlen + 'px';
								
							}else{
								that.innerHTML = "...点击展开更多";
								info[index].style.height = len + "px";
							}
						}
						//插入节点
						info[i].parentNode.appendChild(a);
					}
				};
				console.log(content);
		 	}